
body{
	overflow-x:hidden;
}
/*顶部图片及导航开始*/
#toppic{width: 100%;height: auto;position: relative;left: 0;top: 0;background: url(../images/1.jpg) no-repeat;
background-size: cover;}
.mapdot{width: 7em; height: 7em;border: 5px solid #fff;}
.mapdot:hover{cursor: pointer;transform: scale(1.3) rotate(360deg);transition: all 1s;}
.mapdot1{position: absolute;top: 8%;left: 30%;}
.mapdot2{position: absolute;top: 27%;left: 10%;}
.mapdot3{position: absolute;top: 40%;left: 50%;}
.mapdot4{position: absolute;top: 60%;left: 17%;}
.mapdot5{position: absolute;top: 84%;left: 11%;}
.mapdot1h{position: absolute;top: 10%;left: 47%;color: #fff;}
.mapdot2h{position: absolute;top: 30%;left: 31%;color: #fff;}
.mapdot3h{position: absolute;top: 45%;left: 25%;color: #fff;}
.mapdot4h{position: absolute;top: 62%;left: 37%;color: #fff;}
.mapdot5h{position: absolute;top: 88%;left: -3%;color: #fff;}
/*顶部图片及导航开始*/

/*倒三角开始*/
#toptriangle{width: 0;height: 0;
  border-width: 200px 200px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  filter: drop-shadow(0 7px 15px #ccc);position: absolute;left: 50%;margin-left: -200px;}
  #toptriangle p{position: relative;top: -150px;font-size: 1.3em;left: -10px;}
/*倒三角结束*/

/*主要概况开始*/
.maincon{background: #fff;position: relative;left: 7%;margin-top: 10%;z-index: 99;border-radius: 8px;
box-shadow:0 3px 8px #909090;padding: 20px;}
.mainconout{width:50%;height: 200px;position: absolute;left: 0;box-shadow:3px 0 7px #C0C0C0;
transform: rotate(-9deg);top: -20px;z-index: -999;background: url(../images/clip.png) no-repeat;
background-position: -4% -7%;border-radius: 5px;}
.maincon p{text-indent: 2em;line-height: 1.8em;color: #888888;position: relative;}
/*主要概况结束*/

/*景点一开始*/
.sight1left{width: 70%;height: 400px;box-shadow: 0 1px 10px #C0C0C0;border-radius: 5px;}
.sight1left a{display: inline-block; height: 100px;width: 100%;border-radius: 5px;
color: #fff;font-size: 1.5em;font-family: "黑体";text-align: center;line-height: 100px;
background: #b4ee9c url(../images/sight1leftbg.png) no-repeat;background-position:50% 0;}
.sight1left p{text-indent: 2em;color: #888888;line-height: 1.8em;padding: 10px;}
.boxshadowandh{overflow: hidden;}
/*景点一结束*/
/*景点二开始*/
.sight2part4 img{position: relative;top: -140px;left: 50px;min-height:32px;min-width: 32px;}
.leftcar{padding-left: 10%;}
#sight1 h3,#sight2 h3,#sight3 h3,#sight4 h3{width: 7em;height: 7em;border-radius: 50%;border:1px solid #fff;line-height: 7em;
box-shadow: 0 0 30px #C0C0C0;margin-left: 40%;}
.boxshadowandh{box-shadow: 0 0 10px #C0C0C0;height: 300px;}
#sight2 .row img,#sight3 .row img,#sight4 .row img{width: 100%;height: 280px;padding-top: 10px;}
#sight2 .row p,#sight3 .row p,#sight4 .row p{padding-left: 20px;text-indent: 2em;line-height: 1.8em;color: #81807e;}
/*景点二结束*/
@media (max-width: 640px) {
	.mapdot1{top: 8%;left: 35%;}
	.mapdot1h{top: 8%;left: 57%;}
	.mapdot3{top: 40%;left: 55%;}
	.mapdot5h{top: 84%;left: -20%;}
	#sight1 h3, #sight2 h3, #sight3 h3, #sight4 h3{margin-left: 26%;}
}
@media (max-width: 440px) {
	.mapdot1{top: 8%;left: 50%;}
	.mapdot1h{top: 3%;left: 68%;}
	.mapdot2h{left: 42%;}
	.mapdot3{top: 40%;left: 80%;}
	.mapdot3h{left: 45%;}
	.mapdot4h{left: 48%;}
	.mapdot5h{top: 80%; left:8%;}
	.sight1left{width: 92%;margin-left: 8%;}
	#sight2,#sight3,#sight4{margin-left: 8%;}
	.sight1leftimg{margin-left: 8%;}
}
@media (max-width: 360px) {
	#toppicmap{width: 90%;}
	h3{font-size: 1em;}
	.mapdot{width: 4em; height: 4em;border: 3px solid #fff;}
	.mapdot1{top: 8%;left: 50%;}
	.mapdot1h{top: 8%;left: 70%;}
.mapdot2h{top: 27%;left: 35%;}
	.mapdot3{top: 40%;left: 68%;}
.mapdot4h{top: 60%;left: 43%;}
	.sight2part4 img{width: 48px;height: 48px;}
}
